<template>
  <div class="about">
    <div class="about-max-box">
      <h2>关于</h2>
      <!-- 用户信息 -->
      <div class="uInfo">
        <div class="uIcon">
          <img src="" alt="加载失败" />
        </div>
        <div class="uTxt">
          <div class="uName">
            <a href="javascript:;">用户名</a>
          </div>
          <!-- 个人说说 -->
          <span title="artDetails.autograph"> 个人说说 </span>
        </div>
      </div>
      <!-- 右侧日期 {{ date.substr(5).replace('-', '/') }} -->
      <div class="reightDate">12/31</div>
      <!-- 内容 -->
      <div class="about-content-box">
        <h4>hello</h4>
        <!-- 简介 -->
        <div class="introduce">
          <p>
            00后,一位处女座的大男孩,热爱编程,享受生活,有点宅,不秃头!,不秃头!,不秃头!,重要的事说三遍
          </p>
          <p>喜欢日出,能和喜欢的人一起看日出一定很幸福吧ヾ(๑╹◡╹)ﾉ"</p>
          <p>从不羡慕街头秀恩爱的情侣,只羡慕能一起白头偕老的老夫老妻.</p>
          <p>
            对未来充满着无限期待,所以不管未来将会面临什么,我们都要一起面对它,相信未来的我们都能得到我们想要的
          </p>
        </div>
        <!-- 兴趣 -->
        <div class="interest">
          <ul>
            <li>编程,热爱后端开发,对前端无感,而且很菜,追求新技术</li>
            <li>音乐,喜欢听周杰伦,林俊杰,陈奕迅的歌</li>
            <li>电影,动作类,武侠类,科幻类等等,基本都喜欢</li>
            <li>小说,什么玄幻,武侠,灵异之类的,我都喜欢看(￣▽￣)~*</li>
          </ul>
          <ul>
            <li>个人不喜欢主动,能看到我主动那是一件非常稀奇的事.</li>
            <li>喜欢平淡的生活,我觉得能平平淡淡的生活着,挺幸福的.</li>
            <li>
              喜欢一句话,"少说话,多做事",喜欢用事实证明,而不是口头上说说而已
            </li>
            <li>
              不了解我的人,都会觉得我很难相处,不过了解我的人都知道我这人挺闷骚的(๑＞ڡ＜)☆
            </li>
            <li>比较倔强,有些决定了的事情,九头牛都拉不回来</li>
            <li>有些时候喜欢独处,不想说话,一个人坐着发呆</li>
            <li>心情不好的时候,不会主动找人倾述,没有谁能做到感同身受的</li>
          </ul>
        </div>
        <h4>🛠 技术栈 & 工具 | Tech Stack & Tools</h4>
        <div class="image-box">
          <img src="" alt="" />
        </div>
        <div class="speak">
          <p>
            <strong
              >宁愿花时间修炼不完美的自己，也不要浪费时间期待完美的别人!😊</strong
            ><br />
            qwe
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'About',
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/barList/about.less');
</style>
